<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mahally</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />

<!-- Required CSS -->
	<link href="css/movingboxes.css" rel="stylesheet">
	<!--[if lt IE 9]>
	<link href="css/movingboxes-ie.css" rel="stylesheet" media="screen">
	<![endif]-->

	<!-- Required script -->
	<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
	<script src="js/jquery.movingboxes.js"></script>

	<!-- Demo only -->
	<link href="css/demo.css" rel="stylesheet">
	<script  src="js/boxes.js"></script>



</head>
<body>
<div class="header">
  <ul>
    <li class="f">
      <div class="logo"> <a href="index.html"><img  src="images/Mahally-logo.png" /> </a></div>
    </li>
    <li class="f-r">
      <div class="menu ">
        <div class="search f-r">
          <div class="search-warper"> search
            <form>
              <input name="search-txt" class="search-txt" id="search" >
              </textarea>
            </form>
          </div>
        </div>
        <div class="clearfix"> </div>
        <ul>
          <li class="f"><a href="about.html">About</a> </li>
          <li class="f"><a href="product.html">PRODUCTS</a> </li>
          <li class="f"><a href="projects.html">PROJECTS</a> </li>
          <li class="f"><a href="events.html">NEWS&EVENTS </a></li>
          <li class="f"><a href="press.html">Press</a></li>
          <li class="f"><a href="contact.html">CONTACTS</a></li>
        </ul>
      </div>
    </li>
  </ul>
</div>
<div class="container">
  <ul>
    <li class="f">
      <div class="sidebar f">
      <div class="design"> <img src="images/SHOW-ROOM.png"/> </div> </div>
    </li>
    <li class="f-r">
      
     <div class="product-cat">
     
     <div id="slider-two">

			<div>
				<img src="images/product-cat1.png" alt="picture">
			</div>

			<div>
				<img src="images/product-cat1.png" alt="picture">
			</div>

			<div>
				<img src="images/product-cat1.png" alt="picture">
			</div>

			<div>
				<img src="images/product-cat1.png" alt="picture">
			</div>

			<div>
				<img src="images/product-cat1.png" alt="picture">
			</div>

		</div>
     
     </div>
     
     
    </li>
  </ul>
</div>
<div class="clearfix"></div>
<div class="footer">
  <div class="social-icons">
    <ul>
      <li class="f"> <a href="#"> <img src="images/twtr.png" /> </a> </li>
      <li class="f"> <a href="#"> <img src="images/fb.png" /> </a> </li>
      <li class="f"> <a href="#"> <img src="images/pin.png" /> </a> </li>
    </ul>
  </div>
  <div class="footer-container">
    <div class="f"> MAHALLY 2013 ALL RIGHTS RESERVED </div>
    <div class="f-r"> <a href="#">Site Map</a> | <a href="#">Contact Us</a> | <a href="#">Careers</a> | <a href="#">Terms Of Use</a> </div>
  </div>
</div>
</body>
</html>